<template>
	<view
		:class="[align=='bottom'?'flex flex-col h-100 p-20 bg-[#F4F8FA] rounded-lg':'flex items-center justify-between h-100 p-20 bg-[#F4F8FA] rounded-lg']">
		<text class="text-sm">{{title}}</text>
		<view :class="[align==='bottom'?'mt-20':'flex-1 flex justify-end']">
			<slot></slot>
		</view>
	</view>
</template>

<script setup>
	const {
		title,
		align
	} = defineProps(['title', 'align'])
</script>

<style lang="less">
</style>